$(function () {

    //动态添加菜单事件
    $.ajax({
        url:"/sysMenus/queryMenus.action",
        type:"get",
        success:function (data) {
            // alert(data);
            $("#productMenuDiv").empty();
            $("#produceMenuDiv").empty();
            $("#stockMenuDiv").empty();
            $("#authorizationMenuDiv").empty();
            for(var i=0;i<data.length;i++){
                var menu=data[i];

                var h2=$("<h2>");
                h2.html("<span class=\"icon-caret-right\"/>"+menu.name);
                var ul=$("<ul>");
                for(var j=0;j<data.length;j++){
                    var childMenu=data[j];
                    if(menu.id==childMenu.parentId){
                        // alert(childMenu.linkUrl);
                        var li=$("<li>");
                        var b=false;
                        var ulChild=$("<ul>");
                        var h6=$("<h6>");
                        for(var z=0;z<data.length;z++){
                            if(childMenu.id==data[z].parentId){
                                b=true;
                                // alert(childMenu.id);

                                h6.html("<span class='icon-caret-right'/>"+childMenu.name);
                                var liChild=$("<li>");
                                var a=$("<a>");
                                // alert()
                                a.attr("data","product")
                                    .prop("href",data[z].linkUrl)
                                    .attr("target",data[z].target);
                                a.append(data[z].name);
                                liChild.append(a);
                                ulChild.append(liChild);
                                li.append(h6);
                                li.append(ulChild);

                            }

                        }
                        if(b==false){
                            var a=$("<a>");
                            a.prop("href",childMenu.linkUrl)
                                .attr("target",childMenu.target);
                            a.append(childMenu.name);
                            li.append(a);
                        }
                        ul.append(li);
                    }
                }
                if(menu.parentId==-1){

                    $("#productMenuDiv a").attr("data","product");
                    $("#productMenuDiv").append(h2);
                    $("#productMenuDiv").append(ul);
                }else if(menu.parentId==-2){

                    $("#produceMenuDiv a").attr("data","produce");
                    $("#produceMenuDiv").append(h2);
                    $("#produceMenuDiv").append(ul);
                }else if(menu.parentId==-3){

                    $("#stockMenuDiv a").attr("data","stock");
                    $("#stockMenuDiv").append(h2);
                    $("#stockMenuDiv").append(ul);
                }else if(menu.parentId==-4){
                    $("#authorizationMenuDiv a").attr("data","authorization");
                    $("#authorizationMenuDiv").append(h2);
                    $("#authorizationMenuDiv").append(ul);
                }

            }
            //加载头像路径
            $.ajax({
                type:'post',
                url:'/SysUsers/queryUserById.action',
                success:function (result) {
                    $('#logId').attr('src',result.photoPath)
                    $('#userName').text(result.loginId)
                }
            })
        }
    })

    //菜单点击事件
    $(document).on("click",".leftnav h2,h6",function () {
        if($(this).find("span").attr("class")=="icon-caret-right"){
            // alert(1);
            $(this).find("span").attr("class","icon-caret-down");
        }else{
            $(this).find("span").attr("class","icon-caret-right");
        };
        $(this).next().slideToggle(400);
        $(this).toggleClass("on");
    })
    //菜单点击时导航栏动态变化
    $(document).on("click",".leftnav ul li a",function () {
        var divName="#"+$(this).attr("data");
        if(divName=="#undefined"){
            divName="#"+ $(this).attr("href").split("/")[0];
        }
        // alert($(this).parent().parent().prev().prop("tagName"));
        var x=$(this).parent().parent();
        $(divName+ " .bread li:gt(0)").remove();
        // alert($(divName+ " .bread li").length);
        var li=$("<li>");
        var a=$("<a>");
        a.text($(this).text());
        a.attr("href","#");
        li.append(a);
        $(divName + " .home").after(li);
        while(x.prev().prop("tagName").startsWith("H") && x.prev().prop("tagName").length==2){
            var text=x.prev().text();
            var li=$("<li>");
            var a=$("<a>");
            a.text(text);
            a.attr("href","#");
            li.append(a);
            $(divName + " .home").after(li);
            x=x.parent().parent();
        }
    })

    //确认修改头像
    $('#changeImgBtn').click(function () {
        let form = new FormData();
        let file = document.getElementById("file").files[0];
        form.append("photoPath",file);
        $.ajax({
            type:'post',
            url:'/SysUsers/updateSysUserById.action',
            data:form,
            contentType: false, //必须false才会自动加上正确的Content-Type
            processData: false,
            success:function () {
                alert('上传成功')
                $('#logSubmitModal').modal('hide')
                window.location='/index.html'
            },
            error:function () {
                alert('上传失败')
                $('#logSubmitModal').modal('hide')
            }
        })
    });
})

//修改头像
function changeImg() {
    $.ajax({
        type:'post',
        url:'/SysUsers/queryUserById.action',
        success:function (result) {
            //用户账号
            $('#loginId').text(result.loginId)
            //用户角色
            $('#name').text(result.sysRoles.name)
            //状态
            if(result.status==1){
                $('#status').text("正常")
            }else {
                $('#status').text("禁用")
            }
            //头像路径
        },
        error:function () {
            alert('错误')
        }
    })
}

